<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的</title>
</head>

<body class="df fdc">
  <!-- 主要内容 -->
  <main class="flex overflow">

    <div class="main-o bcf mt60 p30">
      <p class="f16">目前累积跑步距离:</p>
      <p class="f16"><span id="kil" class="fwb">999.99</span>公里</p>
    </div>

    <div class="map">
      <div class="p30 df fdc">

        <div class="map-t df jcs cf tac mt20">
          <div class="FF">户外跑</div>
          <div>燃脂跑</div>
          <div>跑步机</div>
        </div>

        <div class="map-g f90 tac fwb bc4 br50" id="goBtn">GO</div>

        <div class="map-b df jcb tac mt20 ">
          <div class="bcf br50">
            <span class="iconfont icon-ball"></span>
          </div>
          <div class="mapbs df jcc bc4 cf">
            <p class="cf f14">设置目标</p>
            <span class="iconfont icon-rightarrow"></span>
          </div>
          <div  class="bcf br50">
            <span class="iconfont icon-circle"></span>
          </div>
        </div>

      </div>

    </div>

    <div class="df jcb aic bcf h80 p30">
      <div>
        <p class="f16 fwb">跑步路程</p>
        <p class="f14">使用跑步路线, 邂逅附近的同行者</p>
      </div>
      <span class="iconfont icon-rightarrow f16"></span>
    </div>

  </main>
</body>

</html>